<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <table border="1px" width="500px" height="200px" align="center" bordercolor="red" 
        bgcolor="#ccc" background="../day02/images/2.png" cellspacing="0" cellpadding="0">
        <tr valign="top" align="center" bgcolor="pink">
            <td width="100px">前端开发</td>
            <td valign="bottom" width="20%">前端</td>
            <td>前端</td>
            <td>前端</td>
            <td bgcolor="green" style="color:white;">前端</td>
        </tr>
        <tr align="center">
            <td>前端</td> 
            <td>前端</td>
            <td align="right">前端</td>
            <td>前端</td>
            <td>前端</td>
        </tr>
        <tr>
            <td>前端</td>
            <td>前端</td>
            <td>前端</td>
            <td>前端</td>
            <td>前端</td>
        </tr>
        <tr>
            <td>前端</td>
            <td>前端</td>
            <td>前端</td>
            <td>前端</td>
            <td>前端</td>
        </tr>
    </table>
</body>
</html>